<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

比较喜欢的效果实例：
<div class="lbg">
    <div class="small"></div>
</div>

<style>
    .lbg{
        /* 设置相对定位 */
        position: relative;
        /* 宽度120%，-10%让元素集中 */
        left: -10%;
        /* 为了实现椭圆效果 */
        width: 120%;
        height: 130px;
        /* 只设置左下角和右下角的圆角 */
        border-radius: 0 0 80% 80%;
        overflow: hidden;
    }

    .small {
        width: 100px;
        height: 100px;
        filter: blur(20px) opacity(70%);
    }

    /* 内层显示的图片 */
    .lbg img{
        width: 100%;
        height: 100%;
        /* 设置高斯模糊 */
        filter: blur(2px);
        overflow: hidden;
    }
</style>
</body>
</html>
